import Vue from 'vue'
// 导入路由
import VueRouter from 'vue-router'

// 导入一个演示组件(以后改成导入我们自己准备好的组件)
import discover from '../views/discover'
import my from '../views/my'
import friend from '../views/friend'
import notfound from '../views/notfound'

// 安装路由
Vue.use(VueRouter)

// 创建路由规则
const routes = [
  // 如果用户路径上输入的是/a那么会自动重定向到/discover
  // { path: '/a', redirect: '/discover'},
  // 如果像下面这样写，就代表毛都不输入，直接重定向到discover
  { path: '/', redirect: '/discover'},
  { path: '/discover', component: discover },
  { path: '/my', component: my },
  { path: '/friend', component: friend },

  // *代表除了上面路径以外的所有路径，都看到notfound的组件
  // 404的规则要写到最后
  { path: '*', component: notfound }
]

// 实例化路由对象
const router = new VueRouter({
  // 使用规则
  routes,
})

export default router
